<!DOCTYPE html>
<html class="scr">    
<head>    
	<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />   
	<meta http-equiv="X-UA-Compatible" content="IE=edge" />   
	<meta name="viewport" content="width=device-width,initial-scale=1.0,maximum-scale=1.0,user-scalable=0" />   
	<meta name="apple-mobile-web-app-capable" content="yes" />   
	<meta name="apple-mobile-web-app-status-bar-style" content="black" />   
	<meta name="format-detection" content="telephone=no" />   
	<title>武侯社区教育</title>
	<link rel="stylesheet" type="text/css" href="css/style.css">
	<link rel="stylesheet" type="text/css" href="css/swiper.min.css">
	<script type="text/javascript" src="js/jquery-1.11.3.min.js"></script>
	<script type="text/javascript" src="js/swiper.min.js"></script>
	<script type="text/javascript" src="js/dh/jquery1.42.min.js"></script>
    <script type="text/javascript" src="js/dh/jquery.SuperSlide.2.1.1.js"></script>
    <script type="text/javascript" src="js/jquery-3.1.1.min.js"></script>
	<link href="http://g.alicdn.com/sj/dpl/1.5.1/css/sui.min.css" rel="stylesheet">
    <script type="text/javascript" src="http://g.alicdn.com/sj/dpl/1.5.1/js/sui.min.js"></script>
</head>
<body class="scr">
<div class="index-box">
	<div class="index-top">
		<div class="container1">
			<p class="p-wel">欢迎您来到武侯乐学武侯！！</p>
			<div class="right">
				<a href="#" title="">武侯政府网站</a><a href="#" title="">成都政府网站</a><a href="#" title="">社区网站</a>
			</div>
		</div>	
	</div>
	<div class="container">
		<div class="common-box">
			<div class="cont-top">
			    <a class="logo" href="index.html" title="">
			    	<img src="image/logo.png" alt="">
			    	<p>武侯社区教育　为市民终身学习服务</p>
			    </a>
			    <div class="right">
			    	<a class="big-a big-a-act" href="#" title="">
			    		<div class="img"></div>
			    		<p>课程开发</p>
			    	</a>
			    	<a class="big-a" href="#" title="">
			    		<div class="img"></div>
			    		<p>教育示范</p>
			    	</a>
			    	<a class="big-a" href="#" title="">
			    		<div class="img"></div>
			    		<p>业务指导</p>
			    	</a>
			    	<a class="big-a" href="#" title="">
			    		<div class="img"></div>
			    		<p>理论研究</p>
			    	</a>
			    </div>
			</div>
			<div class="common-box-down">
				<div class="right-nav">
			    	<a class="big-a big-a-act" href="#" title="">
			    		<div class="img"></div>
			    		<p>课程开发</p>
			    	</a>
			    	<a class="big-a" href="#" title="">
			    		<div class="img"></div>
			    		<p>教育示范</p>
			    	</a>
			    	<a class="big-a" href="#" title="">
			    		<div class="img"></div>
			    		<p>业务指导</p>
			    	</a>
			    	<a class="big-a" href="#" title="">
			    		<div class="img"></div>
			    		<p>理论研究</p>
			    	</a>
				</div>
				<div class="left-cont">
					<div class="left">
						<div class="l-nav">
							<div class="top">
								在线报名
							</div>
							<div class="down">
								<!-- <a class="a-act" href="#" title="">
									<p>学院介绍</p>
								</a>
								<a class="" href="#" title="">
									<p>学院介绍</p>
								</a>
								<a class="" href="#" title="">
									<p>学院介绍</p>
								</a>
								<a class="" href="#" title="">
									<p>学院介绍</p>
								</a>
								<a class="" href="#" title="">
									<p>学院介绍</p>
								</a>
								<a class="" href="#" title="">
									<p>学院介绍</p>
								</a> -->
								<a class="a-act" href="introduce.html" title="">
									<div>
										<p>在线报名</p>
									</div>
								</a>
								
							</div>
						</div>
					</div>
					<div class="right">
						<div class="top">
							<div class="head">
								在线报名
							</div>
							<div class="crumbs">
								<img src="image/address.png" alt="">
								<p>您的位置：<a href="#" title="">首页</a> > <a href="#" title="">在线报名</a> > <a href="#" title="">在线报名</a></p>
							</div>
						</div>
						<div class="txt-box">
							<div class="cont" style="overflow: visible;">
								<div class="online-box">
									<form action="" method="get" accept-charset="utf-8" class="sui-form" name="reg_testdate">
										<div class="item">
											<div class="left">
												<p>姓名：</p>
											</div>
											<div class="right">
												<input type="text" name="name" value="" placeholder="请输入您的姓名">
											</div>
										</div>
										<div class="item">
				                            <div class="left">
				                                <p>性别：</p>
				                            </div>
				                            <div class="right">
				                                <label data-toggle="radio" class="radio-pretty inline checked" style="line-height: 32px;font-size: 16px;font-family: '微软雅黑' !important;">
				                                    <input type="radio" checked="checked" name="radio2"><span>男</span>
				                                </label>
				                                <label  style="line-height: 32px;font-size: 16px;font-family: '微软雅黑' !important;" data-toggle="radio" class="radio-pretty inline">
				                                    <input type="radio" name="radio2"><span>女</span>
				                                </label>
				                            </div>
				                            
				                        </div>
				                        <div class="item">
											<div class="left">
												<p>年龄：</p>
											</div>
											<div class="right">
												<input type="text" name="age" value="" placeholder="请输入您的年龄">
											</div>
										</div>
										<div class="item">
				                            <div class="left">
				                                <p>课程选择：</p>
				                            </div>
				                            <div class="right">
				                                <select style="width: 100%;height: 100%;/*border: 1px solid #333;*/font-size: 16px;">
				                                  <option value ="语文">语文</option>
				                                  <option value ="数学">数学</option>
				                                  <option value="英语">英语</option>
				                                  <option value="法语">法语</option>
				                                  <option value="文艺">文艺</option>
				                                </select>
				                            </div>
				                        </div>
				                        <div class="item">
											<div class="left">
												<p>身份证号：</p>
											</div>
											<div class="right">
												<input type="text" name="age" value="" placeholder="请输入您的身份证号">
											</div>
										</div>
										<div class="item">
											<div class="left">
												<p>家庭住址：</p>
											</div>
											<div class="right">
												<input type="text" name="address" value="" placeholder="请输入您的家庭住址">
											</div>
										</div>
										<div class="item">
											<div class="left">
												<p>联系方式：</p>
											</div>
											<div class="right">
												<input type="text" name="tel" value="" placeholder="请输入您的联系方式">
											</div>
										</div>
										<div class="item">
				                            <button type="submit" class="sui-btn btn-primary" style="margin: auto;margin-top: 20px;display: block;padding: 7px 70px;">提交</button>
				                        </div>
									</form>
								</div>
								
							</div>
						</div>
					</div>
				</div>
			</div>
		</div>
	</div>
</div>
<div class="index-foot">
	<div class="cont">
		<p>版权所有：武侯区社区教育&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;蜀ICP备xxxxxxxxx号-x&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;您是第 xxxxxxxxxx 位访问者&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;技术支持：ISONIC索客</p>
	</div>
</div>
</body>
<script>
    var swiper = new Swiper('.swiper-container', {
        pagination: '.swiper-pagination',
        nextButton: '.swiper-button-next',
        prevButton: '.swiper-button-prev',
        paginationClickable: true,
        spaceBetween: 30,
        centeredSlides: true,
        autoplay: 2500,
        autoplayDisableOnInteraction: false
    });
    </script>
    <script type="text/javascript">
        jQuery(".picScroll-left").slide({titCell:".hd ul",mainCell:".bd ul",autoPage:true,effect:"left",autoPlay:true,vis:3,trigger:"click"});
        </script>
</html>